.share{
	.banner{
		position: relative;
		image{
			width: 100%;
			height: 437upx;
		}
		// .banner-c{
		// 	display: flex;
		// 	flex-flow: column;
		// 	position: absolute;
		// 	top: 37%;
		// 	left: 50%;
		// 	transform: translate(-50%,-50%);
		// 	width: 100%;
		// 	text-align: center;
		// 	font-weight: bold;
		// 	color: #FFECE2;
		// 	background: -webkit-gradient(linear, left top, left bottom, from(#FFC1A1), to(#FFEEE4));
		// 	background: linear-gradient(180deg, #FFC1A1 0%, #FFEEE4 100%);
		// 	-webkit-background-clip: text;
		// 	background-clip: text;
		// 	-webkit-text-fill-color: transparent;
		// 	font-style: italic;
		// 	.share-title{
		// 		font-size:66upx;
		// 	}
		// 	.share-toast{
		// 		font-size:54upx;
		// 		padding-top: 20upx;
		// 	}
		// }
	}
	.share-code{
		padding: 30upx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		font-size: 34upx;
		color: #e70808;
		.copy{
			margin-left: 20upx;
			border: 1px solid #e70808;
			padding: 0 20upx;
			border-radius: 30upx;
		}
	}
	.share-btn{
		width: 60%;
		margin: auto;
		margin-top: 60upx;
		position: relative;
		button{
			display: flex;
			justify-content: center;
			background: #e70808;
			background: linear-gradient(0deg, #e70808 0%, #f3a8a8 100%);
			color: #FFFFFF;
			font-weight: bold;
			border-radius: 100upx;
			.share-txt{
				padding-right: 20upx;
			}
		}
		.quick{
			position: absolute;
			top: -40upx;
			right: -70upx;
			background: linear-gradient(0deg, #FFE8CE 0%, #ECAE78 100%);
			color: #e70808;
			padding: 0 20upx;
			border-radius: 30upx;
		}
	}
	.my-share{
		padding: 40upx 40upx 160upx 40upx;
		margin-top: 20upx;
		.my-shar-title{
			font-size: 30upx;
			font-weight: bold;
			color: #2C405A;
			.share-num{
				color: #e70808;
				padding-left: 10upx;
			}
		}
		.my-friend{
			.my-list{
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 140upx;
				border-bottom: 1px solid #EEEEEE;
				.my-list-left{
					display: flex;
					align-items: center;
					image{
						width: 70upx;
						height: 70upx;
						border-radius: 35upx;
					}
					.my-list-c{
						padding-left: 26upx;
						display: flex;
						flex-flow: column;
						text{
							color: #808080;
							font-size: 28upx;
						}
						.name{
							font-size: 30upx;
							color: #2C405A;
						}
					}
				}
				.my-list-right{
					text{
						background: linear-gradient(0deg, #FFE8CE 0%, #ECAE78 100%);
						color: #e70808;
						padding: 10upx 30upx;
						border-radius: 30upx;
					}
				}
			}
		}
	}
	.share-bottom{
		display: flex;
		justify-content: space-around;
		padding:0 20upx;
		height: 160upx;
		position: fixed;
		bottom: 0;
		width: 100%;
		box-sizing: border-box;
		background-color: #f9f9f9;
		align-items: center;
		.shar-list{
			display: flex;
			flex-flow: column;
			align-items: center;
			image{
				width: 80upx;
				height: 80upx;
			}
			text{
				padding-top: 10upx;
				font-size: 28upx;
			}
		}
	}
}
uni-button:after{
	border-width: 0;
}